/* 修改滚动条插件的显示层级 */

.happy-scroll-strip .happy-scroll-strip--vertical {
  z-index: 2000 !important;
}

.contentCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contentHorizontal {
  display: flex;
  justify-content: center;
}

.contentVertical {
  display: flex;
  align-items: center;
}

.contentRight {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* 滚动条显示 */

.happy-scroll-strip--vertical {
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  z-index: 900;
}

.__rail-is-vertical {
  position: absolute;
  z-index: 900 !important;
}

/*EMS 能源 各个子路由 通用的样式*/
#totalLineChart,
#averageTempLineChart {
  height: 99px;
}

#pieChart, #childPieChart {
  height: 245px;
  width: 42%;
  margin-top: 35px;
}

#compareLineChart {
  height: 302px;
}

.collect-left {
  width: 336px;
}

.collect-left-menu {
  height: 140px;
}

.collect-menu-line {
  position: absolute;
  left: 0;
  /*top: 48px;*/
  width: 3px;
  height: 42px;
  background-color: #43CCBA;
}

.collect-menu {
  padding-top: 25px;
  padding-left: 52px;
}

.collect-left-chart {
  height: 250px;
}

.line-chart-title {
  padding: 38px 0 27px 50px;
}

.line-chart-title div.num-wrap {
  width: 120px;
  vertical-align: baseline;
}

.line-chart-title div.num-wrap > span.num {
  margin: 0 13px 0 0px
}

.chart-title {
  margin-bottom: 17px;
}

.chart-title-line {
  width: 3px;
  height: 21px;
  background-color: #43CCBA;
  margin: 20px 18px 0px 28px;
}

.char-title-cat {
  width: 150px;
  height: 30px;
  border-radius: 30px;
  margin-top: 15px;
  margin-right: 25px;
  background-color: #12223F;
}

.m-bg {
  background-color: #101F4E;
}

.m-cell-color {
  color: #7DA1FF;
}

.collect-right {
  width: calc(100% - 354px);
}

.graph-char {
  width: 100%;
  height: 400px;
}

.rang-cell {
  width: 580px;
  height: 400px;
}

.m-arrow-mar {
  margin: 0 8px;
}

/*4月24日 能耗最新 版本样式修改*/
.console-section {
  display: flex;
  min-height: 810px;
}

.console-section .right-wrapper {
  flex: 0 0 580px;
  margin-left: 10px;
}

.console-section .left-wrapper .container-top, .console-section .left-wrapper .container-down {
  display: flex;
}

.console-section .left-wrapper .container-top .container-top-l {
  flex: 0 0 26.9%;
  margin-right: 10px;
}

.console-section .left-wrapper .container-top .container-top-r, .console-section .left-wrapper {
  flex: 1;
}

.down-style {
  background-color: #162C63;
  flex: 1;
  color: #fff;
}
.tapColor {
  background-color: #276BDE !important;
}
.card-left {
  height: 195px;
  cursor: pointer;
  background-color: #101F4E;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/*
抽离 时间公共 组件 2019年05月22日
*/
.common-date {
  position: absolute;
  top: 122px;
  z-index: 99999;
}
/*
 工艺控制 公共 滚动条样式
*/
.row-list, .widthScroll,.row-img-container {
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-width: 2px;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
}
.row-list::-webkit-scrollbar, .widthScroll::-webkit-scrollbar, .row-img-container::-webkit-scrollbar, .fieldtable-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/*正常情况下滑块的样式*/
.row-list::-webkit-scrollbar-thumb, .widthScroll::-webkit-scrollbar-thumb, .row-img-container::-webkit-scrollbar-thumb, .fieldtable-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.row-list:hover::-webkit-scrollbar-thumb, .widthScroll:hover::-webkit-scrollbar-thumb, .row-img-container:hover::-webkit-scrollbar-thumb, .fieldtable-list:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在滑块上时滑块的样式*/
.row-list::-webkit-scrollbar-thumb:hover, .widthScroll::-webkit-scrollbar-thumb:hover, .row-img-container::-webkit-scrollbar-thumb:hover, .fieldtable-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*正常时候的主干部分*/
.row-list::-webkit-scrollbar-track, .widthScroll::-webkit-scrollbar-track, .row-img-container::-webkit-scrollbar-track, .fieldtable-list::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(15,27,67,.6);
}

/*鼠标悬浮在滚动条上的主干部分*/
.row-list::-webkit-scrollbar-track:hover, .widthScroll::-webkit-scrollbar-track:hover, .row-img-container::-webkit-scrollbar-track:hover, .fieldtable-list::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  background-color: rgba(0, 0, 0, .01);
}
/*
 图片滚动条样式
*/
.row-img-container {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: 1px;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}
.row-img-container::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}

/*正常情况下滑块的样式*/
.row-img-container::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.row-img-container:hover::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在滑块上时滑块的样式*/
 .row-img-container::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*正常时候的主干部分*/
.row-img-container::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: transparent;
}

/*鼠标悬浮在滚动条上的主干部分*/
.row-img-container::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  background-color: transparent;
}
/*MES系统的公共类名*/
.same-position{
    position: absolute;
    top: 24px;
    left: 80px;
}
.pre-scroll {
  width: 55%;
  height: 58%;
  overflow: auto;
  padding-right: 5px;
}
.images{
    width: 33px;
    height: 33px;
    margin-right: 14px;
}
.width-1800 {
  width: 1800px;
  margin: 0 auto;
}
/* 9 月 9日 新需求 更改*/
.emsTable {
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-width: 1px;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}
.emsTable::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}
.emsTable:hover::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
}
/*正常情况下滑块的样式*/
.emsTable::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.emsTable:hover::-webkit-scrollbar-thumb {
  background-color: rgba(20, 109, 255, 0.6);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在滑块上时滑块的样式*/
.emsTable::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*正常时候的主干部分*/
.emsTable::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(17, 52, 150, 0.01);
}

/*鼠标悬浮在滚动条上的主干部分*/
.emsTable::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  background-color: transparent;
}
